<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <title>视频直播</title>
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static',filename='jquery-easyui-1.7.0/themes/default/easyui.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static',filename='jquery-easyui-1.7.0/themes/icon.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static',filename='jquery-easyui-1.7.0/themes/color.css') }}">
    <script src="{{ url_for('static',filename='jquery-easyui-1.7.0/jquery.min.js') }}"></script>
    <script src="{{ url_for('static',filename='jquery-easyui-1.7.0/jquery.easyui.min.js') }}"></script>
    <link href="{{ url_for('static',filename='video/video-js.min.css') }}" rel="stylesheet">
    <script src="{{ url_for('static',filename='video/video.min.js') }}"></script>
    <script src="{{ url_for('static',filename='video/videojs-flash.min.js') }}"></script>
    <script src="{{ url_for('static',filename='stream.js') }}"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="height:40px;">
    <div style="padding:5px 0;">
        <a href="/index" class="easyui-linkbutton" data-options="iconCls:'icon-back'">返回</a>
    </div>
</div>
{#<video#}
{#        id="my-player"#}
{#        class="video-js"#}
{#        controls#}
{#        preload="auto"#}
{#        poster="//vjs.zencdn.net/v/oceans.png"#}
{#        data-setup='{"autoplay": true}'>#}
{#    <source src="rtmp://?.?.?.?/live/app" type="rtmp/flv"></source>#}
{#    <p class="vjs-no-js">#}
{#        To view this video please enable JavaScript, and consider upgrading to a#}
{#        web browser that#}
{#        <a href="http://videojs.com/html5-video-support/" target="_blank">#}
{#            supports HTML5 video#}
{#        </a>#}
{#    </p>#}
{#</video>#}
<div data-options="region:'center'" id="videojs">
    <video  width="640"
            id="my-player"
            class="video-js"
            controls
            preload="auto"
            poster="{{ url_for('static',filename='wait.png') }}"
            data-setup='{}'>
        <source src="{{ url }}" type="rtmp/flv"/>
    </video>
</div>
{#<script>#}
{#player.play();#}
{##}
{#var player = videojs('my-player', options, function onPlayerReady() {#}
{#        videojs.log('Your player is ready!');#}
{##}
{#        // In this context, `this` is the player that was created by Video.js.#}
{#        this.play();#}
{##}
{#        // How about an event listener?#}
{#        this.on('ended', function () {#}
{#            videojs.log('Awww...over so soon?!');#}
{#        });#}
{#    });#}
{#</script>#}
</body>
</html>